<html>
<head>
<style type="text/css">
	.tab-body {
		position: absolute;
		top: 25px;
		left: 0px;
		bottom: 20px;
		right: 0px;
		border: 3px solid buttonhighlight;}
	  .tab-body>textarea{
	     font-family: monospace;}
	     
	.fill {
      height: 90%;
      width : 100%;}
	
	#scroller-tab {
		overflow: scroll;
		background-color: #FFF;}
	
	#tab-header {
		height: 25px;}
		#tab-header>span{
		   display: block;
		   float: left;
		   width : 90px;
		   background-color: buttonhighlight;
		   border: thin solid #000; 
		   margin-right: 2px;}
		   #tab-header>span>a>span{
		      display: block;
            min-width: 75px;}
	      #tab-header>span>a {
	         text-decoration: none;
	         color: #000;
	         text-align: center;}
				#tab-header > span:nth-child(1){
	            border-top-left-radius: 10px 10px;}
				#tab-header > span:nth-last-child(1){
	            border-top-right-radius: 10px 10px;}

   .commands {
      background-color: #FCF0AD;
      float: left;}
	   .commands > div {
	      background-color: #FCF0AD;
	      min-width : 100px;
	      display   : block;
	      float: left;}

	#cmd {
		position: absolute;
		left: 0px;
		right: 90px;
	}
	
	#cmdWindow {
		font-family: monospace;}
	
	#promptBtn {
		position: absolute;
		right: 30px;
	}
	
	#debugWindow {
		overflow: auto;
		font-size: x-small;
	}
</style>
</head>
<body>
	<div id="tab-header">
      <span><a href="javascript:void(0)" class="tab selected"><span>Main</span></a><a href="javascript:void(0)">&nbsp;</a></span>
      <span><a href="javascript:void(0)" class="tab"><span>Debug</span></a><a href="javascript:void(0)">&nbsp;</a></span>
   </div>
   <div id="tab-container">
		<div class="tab-body" style="z-index: 1000;">
			<div id="scroller-tab" class="fill">
				<div id="cmdWindow"></div>
			</div>
			<input type="text" id="cmd"></input><input type="button" id="promptBtn" value="Submit"></input>
		</div>
	   <div class="tab-body" style="z-index: 0;">
	      <div id="debugWindow" class="fill"></div>   
	   </div>
   </div>
	<script type="text/javascript" src="client/init.js"></script>

	<script type="text/javascript" src="Log.js"></script>
	<script type="text/javascript" src="Collections.js"></script>
	<script type="text/javascript" src="CommandChain.js"></script>
	<script type="text/javascript" src="ObjectUtils.js"></script>
	<script type="text/javascript" src="StringUtils.js"></script>
	<script type="text/javascript" src="client/http.js"></script>

	<script type="text/javascript" src="Remoting.js"></script>
	<script type="text/javascript" src="ServiceRegistry.js"></script>

	<script type="text/javascript" src="GenericDataService.js"></script>
	<script type="text/javascript" src="AutoCompleteResponse.js"></script>
	<script type="text/javascript" src="Session.js"></script>
	<script type="text/javascript" src="Room.js"></script>
	<script type="text/javascript" src="RoomService.js"></script>
	<script type="text/javascript" src="Item.js"></script>
	<script type="text/javascript" src="ItemService.js"></script>
	<script type="text/javascript" src="User.js"></script>
	<script type="text/javascript" src="AliasService.js"></script>
	<script type="text/javascript" src="UserService.js"></script>
	<script type="text/javascript" src="CommandService.js"></script>
	<script type="text/javascript" src="ability/Describable.js"></script>
	<script type="text/javascript" src="commands.js"></script>
	<script type="text/javascript" src="main.js"></script>
</body>
</html>